<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>搜索页面</title>
    <link rel="stylesheet" href="./css/reset.css">
    <script src="./js/tools.js"></script>
    <style>
        html{
            background-color: lightgray;
        }
        #header{
            width: 100%;
            height: .5rem;
            /* background-color: pink; */
            font-size: .27rem;
            display: flex;
            justify-content: space-around;
            align-items: center;
        }
        #header a{
            color: black;
        }
        #header #txt{
            display: block;
            height: .25rem;
            font-size: .2rem;
        }
        #box_txt{
            width: 2rem;
            height: .4rem;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
        }
        #txt_list{
            width: 3.15rem;
            position: absolute;
            top: .36rem;
            border: 0.01rem solid gray;
        }
        #txt_list li{
            border-bottom: 1px solid gray;
            padding-left: .12rem;
            cursor: pointer;
        }
        #search{
            font-size: .2rem;
        }

    </style>
<body>
     <!-- header 开头 -->
     <div id="header">
        <a href="./index.html">&lt;</a>
        <div id="box_txt">
            <input type="text" name="" id="txt" value="">
            <ul id="txt_list">
                <!-- <li>女士上衣</li>0
                <li>男士上衣</li>
                <li>儿童上衣</li> -->
            </ul>
        </div>
        <input type="button" value="搜索" id="search">
    </div>

    <!-- header end -->
</body>
<script src="./js/search.js"></script>
</html>